<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>中视场彩色相机</title>
  <link rel="stylesheet" href="/static/css/bootstrap.min.css">
  <link rel="stylesheet" href="/static/css/bbfont.css">
  <link rel="stylesheet" href="/static/css/style.css">
  <link rel="stylesheet" href="qv.css">
  <style>
    #thumbs > div {
      display: inline-block;position: relative;overflow: hidden;
      max-width: 250px;
      max-height: 200px;
    }
    #thumbs > div > img {width: 250px;height: 100%}
    #thumbs > div > b {position: absolute;text-shadow: 1px 1px 1px #FFF}
    #viewer {background: transparent}
    #viewer.M1 > div > .history {display: none}
    #viewer.M2 > div > div:nth-child(n+2) {display: none}
    #viewer.M2 > div > .history {flex-grow: 1}
    #viewer.M3 > div > .history {width: 311px !important;}
  </style>
</head>
<body id="viewer">
xxxxxxx
<div class="position-absolute h-100 w-50 m-auto" style="overflow-y: auto">
  <table class="table table-bordered table-dark table-sm">
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
    <tr>
      <th>1</th>
      <td>312312.3213</td>
    </tr>
  </table>
</div>
<script src="/static/js/jquery-3.6.0.min.js"></script>
<script src="/static/js/xtool.js"></script>
<script src="cam-qv.js"></script>
<script>
  rt_url = () => ''
  img_url = () => ''
  his_url = () => ''
  // main = new CamViewer(rt_url, img_url, his_url)
  // main.realtime()
</script>
</body>
</html>